<template>
	<div 
		class="skeleton" 
		:class="{'circle':circle}"
		:style="{
			width:width,
			height:height
		}">
	</div>
</template>
<script>
export default {
	props:{
		// 宽
		width:{
			type:String,
			default:"100%"
		},
		// 高
		height:{
			type:String,
			default:"15px"
		},
		// 是否是圆
		circle:{
			type:Boolean,
			default:false
		},
	},
	data () {
		return {
			
		}
	},
	methods:{

	},
	mounted:function(){

	},
	created:function(){

	}
}
</script>

<style lang="scss" scoped>
	//骨架屏
	.skeleton{
		width: 100px;
		height: 100px;
		background-color: #E8E8E8;
	}
	.circle{
		border-radius: 50%;
	}
</style>
